/* theme color */
$--color-primary: #0B8A93;
$--color-success: #13ce66;
$--color-warning: #FFBA00;
$--color-danger: #ff4949;
$--button-font-weight: 400;
$--border-color-light: #dfe4ed;
$--border-color-lighter: #e6ebf5;
$--table-border: var(--brother-common-table-border);
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "../../../node_modules/element-ui/packages/theme-chalk/src/index";
:export {
  theme: $--color-primary;
}

/* 基础颜色
-------------------------- */
$blue:#324157;
$light-blue:#3A71A8;
$red:#C03639;
$pink: #E65D6E;
$green: #30B08F;
$tiffany: #4AB7BD;
$yellow:#FEC171;
$panGreen: #30B08F;

/* 默认菜单主题风格
-------------------------- */
/*$base-menu-color:#bfcbd9;
$base-menu-color-active:#f4f4f5;
$base-menu-background:#304156;
$base-logo-title-color: #ffffff;
$base-menu-light-color:rgba(0,0,0,.70);
$base-menu-light-background:#ffffff;
$base-logo-light-title-color: #001529;
$base-sub-menu-background:#1f2d3d;
$base-sub-menu-hover:#001528;*/

/* 自定义暗色主题
-------------------------- */
$base-menu-color:#D8F3F4;
$base-menu-color-active:#fff;
$base-menu-background:var(--ui-theme-color);
$base-logo-title-color: #ffffff;
$base-menu-light-color:rgba(0,0,0,.70);
$base-menu-light-background:#ffffff;
$base-logo-light-title-color: #001529;
$base-sub-menu-background:var(--ui-theme-color);
$base-sub-menu-hover:#54ADB2;
$base-sub-menu-light-hover:#F3F3F3;
$base-sidebar-width: 232px;

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  menuColor: $base-menu-color;
  menuLightColor: $base-menu-light-color;
  menuColorActive: $base-menu-color-active;
  menuBackground: $base-menu-background;
  menuLightBackground: $base-menu-light-background;
  subMenuBackground: $base-sub-menu-background;
  subMenuHover: $base-sub-menu-hover;
  sideBarWidth: $base-sidebar-width;
  logoTitleColor: $base-logo-title-color;
  logoLightTitleColor: $base-logo-light-title-color
}

::v-deep .el-table__body-wrapper {
  overflow-y: auto;
  //min-height: 660px;
}

::v-deep .vxe-table--render-default .vxe-body--row.row--current{
  background-color: var(--admin-table-selected-bg);
}
::v-deep .vxe-table--render-default .vxe-body--row.row--hover.row--current {
  background-color: var(--admin-table-selected-bg);
}
::v-deep .is--checked.vxe-checkbox, ::v-deep .is--checked.vxe-checkbox .vxe-checkbox--icon, ::v-deep .is--checked.vxe-custom--checkbox-option, ::v-deep .is--checked.vxe-custom--checkbox-option .vxe-checkbox--icon,::v-deep  .is--checked.vxe-export--panel-column-option, ::v-deep .is--checked.vxe-export--panel-column-option .vxe-checkbox--icon, ::v-deep .is--checked.vxe-table--filter-option, ::v-deep .is--checked.vxe-table--filter-option .vxe-checkbox--icon, ::v-deep .is--indeterminate.vxe-checkbox,::v-deep .is--indeterminate.vxe-checkbox .vxe-checkbox--icon, ::v-deep.is--indeterminate.vxe-custom--checkbox-option, ::v-deep .is--indeterminate.vxe-custom--checkbox-option .vxe-checkbox--icon, ::v-deep .is--indeterminate.vxe-export--panel-column-option, ::v-deep .is--indeterminate.vxe-export--panel-column-option .vxe-checkbox--icon, ::v-deep .is--indeterminate.vxe-table--filter-option, ::v-deep .is--indeterminate.vxe-table--filter-option .vxe-checkbox--icon, ::v-deep .vxe-table--render-default .is--checked.vxe-cell--checkbox, ::v-deep .vxe-table--render-default .is--checked.vxe-cell--checkbox .vxe-checkbox--icon, ::v-deep .vxe-table--render-default .is--indeterminate.vxe-cell--checkbox,::v-deep .vxe-table--render-default .is--indeterminate.vxe-cell--checkbox .vxe-checkbox--icon {
  color: var(--ui-theme-color);
}
::v-deep .vxe-custom--fixed-option .vxe-custom--fixed-left-option.is--checked,::v-deep .vxe-custom--fixed-option .vxe-custom--fixed-left-option:hover, ::v-deep .vxe-custom--fixed-option .vxe-custom--fixed-right-option.is--checked, ::v-deep  .vxe-custom--fixed-option .vxe-custom--fixed-right-option:hover {
  color: var(--ui-theme-color);
}
::v-deep .vxe-button.type--button.theme--primary:not(.is--disabled) {
  border-color: var(--ui-theme-color);
  background-color: var(--ui-theme-color);
}
::v-deep .vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon, ::v-deep .vxe-custom--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon, ::v-deep .vxe-export--panel-column-option:not(.is--disabled):hover .vxe-checkbox--icon, ::v-deep .vxe-table--filter-option:not(.is--disabled):hover .vxe-checkbox--icon, ::v-deep .vxe-table--render-default .vxe-cell--checkbox:not(.is--disabled):hover .vxe-checkbox--icon {
  color: var(--ui-theme-color);
}
::v-deep .is--checked.vxe-checkbox, ::v-deep .is--checked.vxe-checkbox .vxe-checkbox--icon, ::v-deep .is--checked.vxe-custom--checkbox-option,::v-deep .is--checked.vxe-custom--checkbox-option .vxe-checkbox--icon, ::v-deep .is--checked.vxe-export--panel-column-option, ::v-deep .is--checked.vxe-export--panel-column-option .vxe-checkbox--icon, ::v-deep .is--checked.vxe-table--filter-option, ::v-deep .is--checked.vxe-table--filter-option .vxe-checkbox--icon, ::v-deep .is--indeterminate.vxe-checkbox, ::v-deep .is--indeterminate.vxe-checkbox .vxe-checkbox--icon, ::v-deep .is--indeterminate.vxe-custom--checkbox-option, ::v-deep .is--indeterminate.vxe-custom--checkbox-option .vxe-checkbox--icon, ::v-deep .is--indeterminate.vxe-export--panel-column-option, ::v-deep .is--indeterminate.vxe-export--panel-column-option .vxe-checkbox--icon, ::v-deep .is--indeterminate.vxe-table--filter-option, ::v-deep .is--indeterminate.vxe-table--filter-option .vxe-checkbox--icon, ::v-deep .vxe-table--render-default .is--checked.vxe-cell--checkbox, ::v-deep .vxe-table--render-default .is--checked.vxe-cell--checkbox .vxe-checkbox--icon, ::v-deep .vxe-table--render-default .is--indeterminate.vxe-cell--checkbox, ::v-deep .vxe-table--render-default .is--indeterminate.vxe-cell--checkbox .vxe-checkbox--icon {
  color: var(--ui-theme-color);
}
::v-deep .vxe-button.type--button.theme--primary:not(.is--disabled):hover {
  background-color: var(--ui-theme-color);
  color: #fff;
}
::v-deep .vxe-button.type--button:not(.is--disabled):hover {
  color: var(--ui-theme-color);
}
::v-deep .vxe-table--render-default.border--default .vxe-table--header-wrapper, ::v-deep .vxe-table--render-default.border--full .vxe-table--header-wrapper, ::v-deep .vxe-table--render-default.border--outer .vxe-table--header-wrapper {
  background-color:#fff;
}

::v-deep .vue-treeselect__control,
::v-deep .vue-treeselect__placeholder,
::v-deep .vue-treeselect__single-value {
  height: 30px;
  line-height: 30px;
}

::v-deep .vue-treeselect__multi-value {
  margin-bottom: 0 !important;
}

::v-deep .vue-treeselect__multi-value-item {
  border: 0;
  padding: 0;
  background: var(--admin-table-selected-bg);
  color: var(--ui-theme-color) !important;
}

.treeColor .vue-treeselect__single-value {
  color: #c0c4cc;
}
::v-deep .vue-treeselect__value-remove{
  color: var(--ui-theme-color) !important;
}
:deep(.vue-treeselect__checkbox--checked),
:deep(.vue-treeselect__checkbox--indeterminate) {
  border-color: var(--ui-theme-color);
  background: var(--ui-theme-color);
}
:deep(.vue-treeselect__label-container:hover :is(.vue-treeselect__checkbox--checked, .vue-treeselect__checkbox--indeterminate)) {
  border-color: var(--ui-theme-color);
  background: var(--ui-theme-color);
}
:deep(.vue-treeselect__label-container:hover .vue-treeselect__checkbox--unchecked) {
  border-color: var(--ui-theme-color);
}
::v-deep .vue-treeselect--single .vue-treeselect__option--selected {
  background: var(--admin-table-selected-bg) !important;
  font-weight: 600;
  color: var(--ui-theme-color) !important;;
}
::v-deep .vue-treeselect__x-container:hover {
  color: var(--ui-theme-color);
}
::v-deep .vue-treeselect--disabled .vue-treeselect__multi-value-item {
  cursor: default;
  color: #C0C4CC !important;
  color: #555;
  background: transparent;
}
::v-deep .vue-treeselect--disabled .vue-treeselect__control {
    background-color: var(--brother-common-pagination-bg);
}
